
/*
These are the class/styles used by various objects in GanttChart.
However, Firefox has problems deciphering class style when DIVs are embedded in other DIVs.
GanttChart makes heavy use of embedded DIVS, thus the style are often embedded directly in the objects html.
If this could be resolved with Firefox, it would make alot of the code look simpleer/cleaner without all the embedded styles
*/

.gantt { font-family:tahoma, arial, verdana, sans-serif; font-size:10px;}

.gdatehead { white-space:nowrap; border-top: #efefef 1px solid; font-size: 12px; border-left: #efefef 1px solid; height: 18px; text-align:center; }

.divgroup { position:absolute; top:5px; height: 7px; }
.divgroup .gtask { background-color:#000000; height: 7px; opacity:0.9;}

.divtask {position:absolute; top:4px; height:18px;}
.divtask .gtask { height: 13px; cursor:e-resize; opacity:0.9;}
.divtask .gcomplete  { Z-INDEX: -4; float:left;  background-color:black; height:5px;  overflow: auto; margin-top:4px; filter: alpha(opacity=40); opacity:0.4; overflow:hidden;  }
.divtask .gtaskstart { Z-INDEX: -4; float:left;  background-color:black; height:13px; overflow: hidden; width:1px; opacity:0.4; cursor:e-resize; }
.divtask .gtaskend   { Z-INDEX: -4; float:right; background-color:black; height:13px; overflow: hidden; width:1px; opacity:0.5; cursor:e-resize; }

.ghead {BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; HEIGHT: 19px; BORDER-LEFT: #efefef 1px solid; BORDER-RIGHT: #efefef 1px solid; cursor: default; text-align:center;}
.gheadwkend {BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; HEIGHT: 19px; BORDER-LEFT: #efefef 1px solid; BORDER-RIGHT: #efefef 1px solid; cursor: default; text-align:center; background-color:#eaeaea}

..ghead { border-top: #efefef 1px solid; font-size: 12px; border-left: #efefef 1px solid; width: 24px; height: 20px }

..gname { border-top: #efefef 1px solid; font-size: 12px; width: 18px; height: 18px }

..ghead a { font-size: 10px; color: #000000; text-decoration: none }

..gheadwkend a { font-size: 10px; color: #000000; text-decoration: none }

..gheadwkend { border-top: #efefef 1px solid; font-size: 12px; border-left: #efefef 1px solid; width: 24px; height: 20px; background-color: #cfcfcf }

..gfiller { border-top: #efefef 1px solid; border-left: #efefef 1px solid; width: 18px; height: 18px }

..gfillerwkend { border-left: #efefef 1px solid; width: 18px; height: 18px; background-color: #cfcfcf }

..gitem { border-top: #cccccc 1px solid; width: 18px; height: 18px }

..gitemwkend { border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; width: 18px; height: 18px }

..gmilestone {	border-top: #efefef 1px solid; font-size: 14px; overflow: hidden; border-left: #efefef 1px solid; width: 18px; height: 18px}

..gmilestonewkend {	border-top: #efefef 1px solid; border-left: #cccccc 1px solid; width: 18px; height: 18px}

..btn {
	border-color: #ffffff;
	font-weight: bold; font-size: 10px;
	width: 12px; color: #cccccc;
	background-color: #ffffff }

..hrcomplete {
	border: 2px solid #000000;
	padding: 0px;
	width: 20px; color: #000000;
	height: 4px }

..hrhalfcomplete {
	border: 2px solid #000000;
	width: 9px; color: #000000;
	height: 4px }

..gweekend { font-family:tahoma, arial, verdana, sans-serif; font-size:11px; background-color:#eeeeee; text-align:center; }

..gtask { font-family:tahoma, arial, verdana, sans-serif; font-size:11px; background-color:#00ff00; text-align:center; }

..gday { font-family:tahoma, arial, verdana, sans-serif; font-size:11px; text-align:center; }

..gcomplete { background-color:black; height:5px; overflow: auto; margin-top:4px; }

div.scroll {
	border: 1px solid #efefef;
	padding: 0px;
	overflow: hidden;
	width: 420px;
	background-color: #ffffff }

div.scroll2 { position:relative;
	padding: 0px;
	overflow:auto ;overflow-x:scroll;overflow-y:hidden;
	width: 482px;
	background-color: #ffffff }

.ui-selecting { background: #ffefcc; }
.ui-selected { background: #ffefcc; }
.over { background: #ffe8a0; }
/*.over { background: #ffffdd; }*/
